:host {
    .passport_layout {
        height: 100%;
        background-color: #f0f2f5;

        .passport_cover {
            height: 100%;
            background: #FFFFFF no-repeat center;
            background-size: cover;
        }

        .passport_content {
            padding: 0 32px;
            text-align: center;
            
            .passport_inner {
                width: 324px;

                .passport_logo {
                    margin-bottom: 36px;
    
                    * {
                        display: inline-block;
                        vertical-align: middle;
                    }
    
                    img {
                        height: 44px;
                    }
    
                    span {
                        margin-left: 8px;
                        font-size: 33px;
                        font-weight: bold;
                        color: #FFFFFF;
                    }
                }
    
                .passport_copyright {
                    * {
                        &:not(:first-child) {
                            margin-left: 4px;
                        }
                    }
                }
            }
        }
    }

    ::ng-deep {
        .passport_forms {
            .ant-tabs-bar {
                border-bottom: none;

                .ant-tabs-tab {
                    padding: 12px 42px;
                }
            }

            .passport_form_content {
                text-align: start;
            }
        }
    }
}